<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>news Template</title>
    <link href="../assets/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="../assets/bower_components/fontawesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="../assets/css/style.css" rel="stylesheet">
    <link href="../assets/css/style-responsive.css" rel="stylesheet">

</head>
<body>
<div class="pre-header">
    <div class="container">
        <div class="row">
            <div class="col-md6 col-sm-6 logo"><img src="../assets/img/index/logo.png" alt="maxgaming logo"/></div>
            <div class="col-md6 col-sm-6">
                <ul class="list-unstyled list-inline pull-right">
                    <li>
                        <div class="input-group">
                            <a href="message.html" class="contact">Contact Us</a>
                        </div>
                    </li>
                    <li>
                        <form action="#">
                            <div class="input-group">
                                <input type="text" class="form-control search-input input-sm" placeholder="search">
                                <span class="input-group-btn search-span">
                                    <button type="submit" class="btn input-sm search-btn"><i class="fa fa-search"></i>
                                    </button>
                                </span>
                            </div>
                        </form>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="header">
    <div class="container">
        <nav class="navbar navbar-inverse" role="navigation">
            <div class="navbar-header">
                <button data-target="#navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <!-- Collect the nav links, forms, and other content for toggling -->
            <div id="navbar-collapse" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="../index.html">Home</a></li>
                    <li><a href="aboutus.html">About Us</a></li>
                    <li><a href="product.html">Bet Monitoring</a></li>
                    <li><a href="product.html">Loyalty System</a></li>
                    <li><a href="product.html">Jackpots</a></li>
                    <li><a href="product.html">Hardware</a></li>
                    <li><a href="product.html">Data & Reports</a></li>
                    <li><a href="news.html">News</a></li>
                </ul>
            </div>
        </nav>
    </div>
</div>
<div class="page-slider">
    <div id="slider_container" class="slider-container">
        <!-- Loading Screen -->
        <div u="loading" class="loading">
            <div class="transparent"></div>
            <div class="loading-img">
            </div>
        </div>
        <!-- Slides Container -->
        <div u="slides" class="slides">
            <div>
                <img u="image" src="../assets/img/index/slider/Home_1.jpg"/>
                <div style="color: #ffffff; font-size: 60px; font-weight: bolder; height: 60px; line-height: 60px; padding: 5px; position: absolute; text-align: center; top: 180px; width: 100%;">
                    Bet monitoring software
                </div>
                <div style="color: #ffffff; font-size: 21px; height: 40px; line-height: 20px; padding: 5px; position: absolute; text-align: center; top: 270px; width: 100%;">
                    Check out our super user friednly bet monitoring software to <br/>
                    manage bets lorem ipsum dolor sit met
                </div>
            </div>
            <div>
                <img u="image" src="../assets/img/index/slider/Home_2.jpg"/>
                <div style="color: #ffffff; font-size: 60px; font-weight: bolder; height: 60px; line-height: 60px; padding: 5px; position: absolute; text-align: center; top: 330px; width: 100%;">
                    SOUTH EAST ASIA TRIP
                </div>
                <div style="color: #ffffff; font-size: 23px; font-weight: bold; height: 40px; line-height: 20px; padding: 5px; position: absolute; text-align: center; top: 410px; width: 100%;">
                    Cambodia - Laos - Tailandia - Malasia - Singapura
                </div>
            </div>
            <div>
                <img u="image" src="../assets/img/index/slider/Home_3.jpg"/>
                <div style="position: absolute; width: 100%; height: 40px; top: 230px;padding: 5px;
                    text-align: center; line-height: 40px; text-transform: uppercase; font-size: 40px;font-weight: bold;letter-spacing:0.1em;
                        color: #FFFFFF;">IT'S UP TO YOU
                </div>
                <div style="position: absolute; width: 100%; height: 60px; top: 280px; padding: 5px;
                    text-align: center; line-height: 60px; font-size: 70px;font-weight:bolder;letter-spacing: 0.1em;
                        color: #FFFFFF;">
                    NEW YORK!
                </div>
                <div style="color: #ffffff; font-size: 21px; font-weight: bold; height: 40px; letter-spacing: 0.1em;
                line-height: 20px; padding: 5px; position: absolute; text-align: center; top: 355px; width: 100%;">
                    Bronx, Brooklyn, Manhattan, <br/>
                    Queens e Staten Island
                </div>
            </div>
        </div>

        <!-- bullet navigator container -->
        <div u="navigator" class="jssorb21" style="">
            <!-- bullet navigator item prototype -->
            <div u="prototype"></div>
        </div>
        <!-- Bullet Navigator Skin End -->
        <!-- Arrow Left -->
        <span u="arrowleft" class="jssora21 jssora21l"></span>
        <!-- Arrow Right -->
        <span u="arrowright" class="jssora21 jssora21r"></span>
    </div>
</div>
<div class="main">
    <div class="container">
        <div class="row  text-left newstemplate-content">
            <div class="col-sm-8 col-sm-offset-2 ">
                <p>Home > news</p>
                <h3>H1 Title of the news Lorem Ispsum dolor sit amet</h3>
                <p><em>26 May, 2014</em></p>
                <p>A short description about Maxgaming ... We are the largest, we are XX years in the market. Lorem
                    ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing
                    elit. Lorem ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur
                    adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing elit.
                    A short description about Maxgaming ... We are the largest, we are XX years in the market. Lorem
                    ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing
                    elit. Lorem ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur
                    adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing elit.A short description about Maxgaming ... We are the largest, we are XX years in the market. Lorem
                    ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing
                    elit. Lorem ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur
                    adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing elit.A short description about Maxgaming ... We are the largest, we are XX years in the market. Lorem
                    ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing
                    elit. Lorem ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur
                    adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing elit.A short description about Maxgaming ... We are the largest, we are XX years in the market. Lorem
                    ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing
                    elit. Lorem ipsum door sit amet, consectetur adipiscing elit. Lorem ipsum door sit amet, consectetur
                    adipiscing elit. Lorem ipsum door sit amet, consectetur adipiscing elit.
                </p>
            </div>
        </div>

        <div class="row ">
            <div class="col-sm-8 col-sm-offset-2 newstemplate-content text-right">
                <p><a>1</a> of <span> 7 </span> pages  | <a href="news.html"> back </a></p>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="container">
        <div class="row copyright-row">
            <div class="col-md-4 col-md-offset-1">Copyright Maxgaming 2000-2015 All rights reserved.</div>
            <div class="col-md-3"><a href="#">Private Policy Terms & Conditions </a></div>
            <div class="col-md-1"><a href="#">Contact </a></div>
            <div class="col-md-2"><img src="../assets/img/index/Home_09.gif"></div>
        </div>
    </div>
</div>

<script src="../assets/bower_components/jquery/dist/jquery.min.js"></script>
<script src="../assets/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="../assets/bower_components/jssor-slider/js/jssor.slider.mini.js"></script>
<script src="../assets/js/global.js"></script>
</body>
</html>
<script>
    $(function () {
        maxgaming.navigator.init()
        maxgaming.slider.init()
    });
</script>